iT邦幫忙

2026 iThome 鐵人賽

DAY 26
0
Vibe Coding

以開發「智慧健身與習慣追蹤 PWA 」為主軸的 30 天 Vibe Coding 挑戰清單。系列 第 26 篇

vibe coding 實戰: PPL 週訓練計畫與今日訓練流程表製作

  • 分享至 

  • xImage
  •  

讓 App 成為你的專屬線上教練
大多數人在健身的話通常推拉腿三組訓練模式,每組都各會有一組固定差不多的訓練模板,如果每次訓練都要使用這去把每一個動作都重新再按一輪就會讓使用者在使用上非常不方便,所以新增了可以規劃課表的功能,讓使用者可以更方便使用。
用自然語言寫出計畫與打卡系統

AI Prompt:
現在你是一位專業電腦工程師兼健身愛好者
請幫我完成以下動作:
新增「今日/訓練/計畫/數據」導覽。今日頁會依本地星期顯示課表或休息日。
週計畫可逐日設定訓練日、名稱與動作,預設為 Push/Pull/Legs 三日安排;資料保存於每位使用者的 plans/weekly。
按「開始今日訓練」會將日期、課表名稱與動作帶入既有訓練紀錄;同一堂訓練與同一動作的組數會正確歸組。
更新 Firestore schema 與 Service Worker 快取清單。

輸出結果:
https://ithelp.ithome.com.tw/upload/images/20261010/20184339tBzy7oMfih.png

https://ithelp.ithome.com.tw/upload/images/20261010/20184339KgA7vy4LDW.png


上一篇
[Day 25] Vibe Coding 實戰:處理舊問題--登入問題與 Service Worker
下一篇
[Day 27] Vibe Coding 實戰:點燃競技魂——打造社群排行榜與專屬健身代號
系列文
以開發「智慧健身與習慣追蹤 PWA 」為主軸的 30 天 Vibe Coding 挑戰清單。 共 29 篇
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言